import { FC } from "react"
import { connect } from "react-redux"
import { useTranslation } from 'react-i18next'
import { useNavigate } from "react-router-dom"
import footer_logo from '@/assets/images/common/footer-logo.svg'
import JoinMeta from "@/components/join"
import "./index.scss"

interface IFooter {}

const Footer: FC<IFooter> = () => {

	const { t } = useTranslation()
	const navigate = useNavigate()

	return (
		<>
			<JoinMeta />
			<div id="footer">
				<div className="footer-holder" />
				<div className='footer-container'>
					<div className="footer-logo">
						<img onClick={() => navigate('/index')} src={footer_logo} alt="" />
						<p className="footer-desc">{t('footer.water')} {t('footer.network')}</p>
					</div>
				</div>
			</div>
		</>
	)
}

const mapStoreToProps = () => {
	return {}
}

const mapDispatchToProps = () => {
	return {}
}

export default connect(mapStoreToProps, mapDispatchToProps)(Footer)